<template>
  <div class="">
    test
    <!-- <ApprovalFlow style="width: 800px; background: #042555;padding: 20px;"></ApprovalFlow> -->
    <work-detail-dialog ref="dialog"></work-detail-dialog>
    <count-to :endVal="total" :startVal="800"></count-to>
    <img src="../assets/svg/loading.svg" alt="">
  </div>
</template>

<script>
import ApprovalFlow from '@/components/ApprovalFlow.vue';
import WorkDetailDialog from '@/components/WorkDetailDialog/WorkDetailDialog.vue';

import CountTo from '@/components/CountTo.vue';
export default {
  components: { ApprovalFlow, WorkDetailDialog, CountTo },
  data() {
    return {
      total: 1000,
    };
  },
  created() {},
  mounted() {
    // this.$refs.dialog.open();
    setTimeout(() => {
      this.total = 1005;
    }, 5000);
  },
  methods: {},
};
</script>

<style lang="less" scoped></style>
